<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>阿里巴巴集团</title>
        <link rel="shortcut icon" media="all" type="image/x-icon" href="img/favicon.ico">
    </head>
    <style>
        *{
            margin: 0;
            padding: 0;
            text-decoration: none;
            list-style: none;
        }
        header{
            width: 100%;
            height: 95px;
        }
        .header_clearfix{
            margin: 0 auto;
            width: 960px;
            
            padding-top: 30px;
        }
        .fright{
            float: right;
            width: 462px;
            padding-top: 6px;
        }
        .header_right{
            float: left;
            padding: 0px 10px;
            border: #cccccc 1px solid;
            width: 212px;
            height: 26px;
            line-height: 22px;
            border-radius: 3px;
            margin-right: 26px;
        }
        #so_1{
            width: 180px;
            font-size: 13px;
            height: 26px;
            line-height: 26px;
            border: none;
            outline: none;
        }
        #so_2{
            width: 16px;
            height: 16px;
            background: url('img/search_btn.png')top no-repeat;
            text-indent: -9999px;
            border: none;
            line-height: 0px;
        }
        .header_text_1{
            width: 144px;
            margin-right: 19px;
            float: left;
        }
        .header_text_1 div{
            font-size: 12px;
            color: #ff6600;
            line-height: 26px;
        }
        .header_text_2{
            margin-right: 25px;
            float: right;
        }
        .header_text_2 div{
            font-size: 12px;
            color: #ff6600;
            line-height: 26px;
        }
        nav{
            background: #FF6600;
            width: 100%;
            height: 68px;
            position:sticky;
            top: 0;
        }
        nav ul{
            margin: 0 auto;
            width: 960px;
            height: 68px;
        }
        nav ul li{
            float: left;
            margin: 28px 88px 20px 55px;
            font-size: 14px;
            color: #fff;
        }
        article{
            background: #fef2c0;
        }
        .article_img img{
            display: block;
            margin: 0 auto;
        } 
        footer{
            background: #ff6a00;
            width: 100%;
        }
        .footer_body{
            width: 960px;
            margin: 0 auto;
            padding-top: 45px;
        }
        .footer_logo{
            margin: 0;
            display: inline-block;
            vertical-align: top;
        }
        .foorter_items{
            color: #fff;
            width: 730px;
            margin-left: 33px;
            display: inline-block;
            font-size: 12px;
        }
        .items{
            margin-right: 2px;
            width: 177px;
            display: inline-block;
            vertical-align: top;
        }
        .items span{
            margin-bottom: 5px;
            font-weight: bold;
            display: block;
            line-height: 12px;
        }
        .items a{
            color: #fff;
            line-height: 22px;
        }
        footer hr{
            background: #ffb380;
            height: 1px;
            margin-top: 98px;
            border: none;
        }
        .copyright{
            color: #fff;
            width: 100%;
            font-size: 12px;
            text-align: center;
            padding: 20px 0px;
            font-weight: 200;
        }
        .copyright a{
            color: #fff;
        }
        .copyright span{
            margin: 0 3px;
            color: #fff;
        }
    </style>
    <body>
        <header>
            <div class="header_clearfix">
                <a href=""><img src="img/logo_header.png" alt=""></a>
                <div class="fright">
                    <div class="header_right">
                        <div class="so">
                            <form action="">
                                <input type="text" placeholder="搜寻阿里巴巴集团" id="so_1">
                                <input type="submit" id="so_2">
                            </form>
                        </div>
                    </div>
                    <div class="header_text_1">
                        <div>
                            阿里巴巴集团相关平台  
                        </div> 
                    </div>
                    <div class="header_text_2">
                        <div>
                            简
                        </div> 
                    </div>
                </div>
            </div>
        </header>
        <nav>
            <ul>
                <li><span>关于我们</span></li>
                <li><span>投资者关系</span></li>
                <li><span>新闻及媒体资源</span></li>
                <li><span>联系我们</span></li>
            </ul>
        </nav>
        <article>
            <div class="article_img">
                <img src="img/home_banner_1.png" alt="">
            </div>
        </article>
        <footer>
            <div class="footer_body">
                <div class="footer_logo">
                    <a href="">
                        <img src="img/logo_footer.png" alt="">
                    </a>
                </div>
                <div class="foorter_items">
                    <div class="items">
                        <span>关于我们</span>
                        <ul>
                            <li><a href="">公司简介</a></li>
                            <li><a href="">业务范畴</a></li>
                            <li><a href="">历史及里程碑</a></li>
                            <li><a href="">领导团队</a></li>
                            <li><a href="">文化和价值观</a></li>
                            <li><a href="">廉正合规</a></li>
                            <li><a href="">常见问题</a></li>
                        </ul>
                    </div>
                    <div class="items">
                        <span>投资者关系</span>
                        <ul>
                            <li><a href="">投资者关系主页</a></li>
                            <li><a href="">投资者新闻及活动</a></li>
                            <li><a href="">投资者日</a></li>
                            <li><a href="">季度业绩</a></li>
                            <li><a href="">美国证交会公告</a></li>
                            <li><a href="">香港联交所公告</a></li>
                            <li><a href="">公司治理</a></li>
                            <li><a href="">财务报告</a></li>
                            <li><a href="">ESG/可持续发展</a></li>
                        </ul>
                    </div>
                    <div class="items">
                        <span>新闻及媒体资源</span>
                        <ul>
                            <li><a href="">新闻发布</a></li>
                            <li><a href="">业务范畴</a></li>
                            <li><a href="">阿里足迹新闻网站</a></li>
                            <li><a href="">媒体报导</a></li>
                            <li><a href="">视频</a></li>
                            <li><a href="">媒体资料库</a></li>
                            <li><a href="">社交媒体</a></li>
                            <li><a href="">阿里巴巴新冠肺炎抗疫行动</a></li>
                        </ul>
                    </div>
                    <div class="items">
                        <span>联系我们</span>
                        <ul>
                            <li><a href="">全球地点</a></li>
                            <li><a href="">投资者联系</a></li>
                            <li><a href="">媒体联系</a></li>
                            <li><a href="">客户联系</a></li>
                            <li><a href="">国际执法机构用户信息咨询指南</a></li>
                            <li><a href="">知识产权保障</a></li>
                        </ul>
                    </div>
                </div>
                <hr>
                <div class="copyright">
                    <a href="">加入我们</a>
                    <span> | </span>
                    <a href="">免责声明</a>
                    <span> | </span>
                    <a href="">私隱政策</a>
                    <span> | </span>
                    <span>版权公告 © 1999-2021 阿里巴巴集团控股有限公司及／或其关联公司及特许人。版权所有。</span>
                </div>
            </div>
        </footer>
    </body>
</html>